<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>图片标签</title>
</head>
<body>
  <!-- 
    常用属性：
      src：图片路径（又称：图片地址）—— 图片的具体位置
      alt：图片描述
      width：图片宽度，单位是像素，例如：200px 或 200
      height：图片高度，单位是像素，例如：200px 或 200
    
    注意：尽量不同时修改图片的宽和高，可能会造成比例失调

    alt 属性的作用：
      - 搜索引擎通过 alt 属性，得知图片的内容 —— 最主要的作用
      - 当图片无法展示的时候，有些浏览器会呈现 alt 属性的值
      - 盲人阅读器会朗读 alt 属性的值
   -->
  <img width="200" height="200" src="奥特曼.jpg" alt="奥特曼，你相信光吗？">
</body>
</html>